<template>
	<view class="iconfont" :class="icon" :style="'font-size:'+size+'rpx;color:'+color+';'+custom"></view>
</template>
<script setup>
	import {
		ref
	} from "vue"

	defineProps({
		size: {
			type: String,
			default: "32"
		},
		color: {
			type: String,
			default: "#333"
		},
		custom: {
			type: String,
			default: ""
		},
		icon: String
	})
</script>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url('../iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		font-size: 32rpx;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		// vertical-align: bottom;
	}

	.search:before {
		content: "\e622";
	}

	.san:before {
		content: "\e822";
	}

	.san-full:before {
		content: "\e6c4";
	}

	.collect:before {
		content: "\e663";
	}

	.collect-full:before {
		content: "\e624";
	}
	
	
	.collect2:before {
		content: "\e8b9";
	}
	
	.collect-full2:before {
		content: "\e8c6";
	}

	.local:before {
		content: "\e605";
	}

	.local-full:before {
		content: "\e623";
	}

	.arrow-top:before {
		content: "\e501";
	}

	.arrow-right:before {
		content: "\e507";
	}

	.arrow-up:before {
		content: "\e76e";
	}

	.arrow-right-fine:before {
		content: "\e613";
	}


	.deep:before {
		content: "\e64a";
	}

	.calendar:before {
		content: "\e8b4";
	}
	//风景
	.scenery::before{
		content: "\e601";
	}
	//签证
	.visa::before{
		content: "\e602";
	}
	//票务
	.ticket::before{
		content: "\e603";
	}
	//地图
	.map::before{
		content: "\e604";
	}
	//伴手礼
	.souvenir::before{
		content: "\e606";
	}
	//景点
	.spot::before{
		content: "\e609";
	}
	//酒店
	.hotel::before{
		content: "\e60a";
	}
	//美食
	.food::before{
		content: "\e614";
	}
	//客服
	.service::before{
		content: "\e65a";
	}
	//群
	.group::before{
		content: "\e68f";
	}
	//天气
	.weather::before{
		content: "\e689";
	}

</style>